
$(function(){
    //======================== 登录注册tap栏切换  =======================
    $('#showReg').click(function(){
        $('.login-form').hide()
        $('.reg-form').show()
    })
    $('#showLogin').click(function(){
        $('.login-form').show()
        $('.reg-form').hide()
    })

    //==========================自定义校检规则=========================
    const form = layui.form
    form.verify({
        
        //我们既支持上述函数式的方式，也支持下述数组的形式
        //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
        pwd: [
          /^[\S]{6,12}$/
          ,'密码必须6到12位，且不能出现空格'
        ] ,
        repwd: function (value) {
            // value 表示确认密码
            let pwdInp = $("#pwdInp").val(); // 获取注册框中密码
            console.log(pwdInp);
            if (value !== pwdInp) {
                return '两次密码不一致';
            }
        }
      });
      //================ajax请求=================
      $('.reg-form').on('submit',function(e){
        e.preventDefault()
        let data = $(this).serialize()
        axios.post('/api/reguser',data)
        .then(({data})=>{
            console.log(data);
            if(data.status !== 0){
                return layer.msg(data.message)
            }
            layer.msg('你真牛逼')

            //跳转到登录界面    
            $('#showLogin').click()
        })
      })
    //=====================登陆跳转=====================
    $('.layui-form').on('submit',function(e){
        e.preventDefault()
        let data = $(this).serialize()
        axios.post('/api/login',data)
        .then(({data})=>{
            if(data.status !== 0){
                // console.log(data);
                return layer.msg(data.message)
            }

            localStorage.setItem("token", data.token);
            layer.msg('登录成功，马上就要跳转了喔', {
                time: 2000 //2秒关闭（如果不配置，默认是3秒）
            }, function(){
                //do something
                location.href = '/index.html'
            });   
        })      
    })
})